<template>
  <div class="head">
    <div class="head-con flex-center-xs pageCon">
      <div class="flex-center-xs">
        <img src="@/assets/images/common/logo.png" width="119" height="30" class="logo"/>
        <span>高离职行业首选招聘工具</span>
      </div>
      <div class="flex-center-end">
        <Nav />
        <Register @toRegisterCall="toRegisterBack"/>
      </div>
    </div>
  </div>
</template>
<script>
import Nav from './components/nav'
import Register from './components/register'
export default {
  name: 'app',
  data () {
    return {}
  },
  components: {
    Nav,
    Register
  },
  mounted () {
    
  },
  methods: {
    toRegisterBack () {
      this.$emit('toRegisterBack')
    }
  }
}
</script>
<style lang='less' scoped>
 .head{
   width:100%;
   height:70px;
   font-size: 14px;
   color: @color3;
   position: fixed;
   top:0;
   left:0;
   z-index:20;
   &-con{
     height:100%;
   }
   .logo{
     margin-right:12px;
   }
 }
</style>